Types of Selectors

Types of Selectors
Selectors Simple Selector Element Selector Using tag name
Class Selector Using "class" keyword (.)
ID Selector Using "id" keyword (#)
Pseudo-class Selector For special effect (:)
Multiple Selector Using different selectors using comma
Universal Selector Using (*) for whole page
Nested Selector For nested elements using there parent's selector
Attribute Selector Selecting on the basis of common attributes

Element Selector

This is my first paragraph.

This is my first heading.

This is my second paragraph.

This is my second heading.

Class Selector

This is my first paragraph of para-1 class.

This is my first heading of head-1 class.

This is my first paragraph of para-2 class.

This is my first heading of head-2 class.

This is my second paragraph of para-1 class.

This is my second heading of head-1 class.

This is my second paragraph of para-2 class.

This is my second heading of head-2 class.

h1-h6 Task

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

ID Selector

Pseudo-class Selector

Specificity (id > class > type)

This is a div